<template>
  <div>
    <Test>
      <h1 slot="one">one</h1>
      <template v-slot:two> <h2>two</h2></template>
    </Test>
    <!-- <Test> -->
    <!-- 这个template就是一个用来包裹html结构,但是不渲染任何具体标签的组件,类似于react中的Fragment -->
    <!-- 注意: Test组件内容给插槽传递了数据,必须使用template接收这个数据 -->
    <!-- 使用template接收数据时,要求写一个scope="随便起名字" 字符串中随便写的字符串就可以接收到数据,接收到的一定是一个对象,对象中的属性就是在slot上写的属性 -->
    <!-- <template scope="xxx">
        <ul>
          <li v-for="(item, index) in xxx.list" :key="index">{{ item }}</li>
        </ul>
      </template> -->
    <!-- </Test> -->
  </div>
</template>

<script>
import Test from './Test-具名插槽.vue'
export default {
  components: {
    Test,
  },
}
</script>

<style></style>
